@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="categoryInfoForm">

            <input type="hidden" id="id" value="">

            <div class="row">
                <div class="col-sm-6">
                    <#icon id="iconPath" name="专辑logo" underline="true" />

                    <#select id="bannerList" name="所属栏目" >
                    @for(banner in bannerList) {
                    <option value="${banner.id}">${banner.name}</option>
                    @}
                </#select>


<!--                    <#input id="intro" name="简介" underline="true" />-->

                </div>
                <div class="col-sm-6">
                    <#input id="categoryName" name="专辑名称" underline="true" />
                    <#input id="type" name="类型" underline="true" />



                <#input id="recRate" name="推荐排序" underline="true" />
                </div>
            <div class="col-sm-6">
<!--                <#ageModal id="age" name="年龄段" readonly="readonly" underline="true" type="button"/>-->
                <#select id="age" name="年龄段" >

                <option value="0">胎教</option>
                <option value="1">0-1岁</option>
                <option value="2">1-3岁</option>
                <option value="3">3-5岁</option>
                <option value="4">5-7岁</option>
                <option value="5">7-12岁</option>

            </#select>
                <#select id="quanxian" name="权限" >

                <option value="0">游客</option>
                <option value="1">会员</option>
                <option value="2">VIP</option>

                </#select>
            </div>
            <div class="col-sm-6">
                    <#select id="guanggao" name="广告选择" >
                    @for(gg in ggList) {
                    <option value="${gg.id}">${gg.name}</option>
                    @}
                </#select>
                <#select id="shop" name="电商选择" >

                <option value="1">暂无</option>

            </#select>
            </div>
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">简介</label>
                    </div>
                    <textarea name="intro" id="intro"></textarea>
                </div>

            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="CategoryInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="CategoryInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="modal inmodal fade" id="ageModal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                        class="sr-only">Close</span>
                </button>
                <p class="modal-title">年龄段选择</p>
            </div>
            <small class="font-bold">
                <div class="modal-body">
<!--                    <input class="ages" name="age_name" value="-1" age-name="全部适用" type="radio"/>全部适用&nbsp;&nbsp;&nbsp;&nbsp;-->
                    <input class="ages" name="age_name" value="0" age-name="胎教" type="radio"/>胎教&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="1" age-name="0-1岁" type="radio"/>0-1岁&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="2" age-name="1-3岁" type="radio"/>1-3岁&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="3" age-name="3-5岁" type="radio"/>3-5岁&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="4" age-name="5-7岁" type="radio"/>3-7岁&nbsp;&nbsp;&nbsp;&nbsp;
                    <input class="ages" name="age_name" value="5" age-name="7-12岁" type="radio"/>7-12岁&nbsp;&nbsp;&nbsp;&nbsp;
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" onclick="VedioInfoDlg.getAgeTypes()">确定</button>
                </div>
            </small>
        </div>
        <small class="font-bold">
        </small>
    </div>
    <small class="font-bold">
    </small>
</div>
<script src="${ctxPath}/static/js/ckeditor/ckeditor.js">
</script>
<script type="text/javascript">
    CKEDITOR.replace('intro');
</script>
<script src="${ctxPath}/static/modular/app/category/radio/category_info.js"></script>
@}

